﻿@charset "utf-8";
/* CSS Document */

.topobody{
    background:#282828;
}
span, a, i, em{
	white-space:nowrap;
}

.topocon{
	margin:0 auto;
	background:#f8f8f8;
	box-shadow:0 0 5px #191919;
    height:700px;
	width:1000px;
	overflow:hidden;
}

.topoleft{
	/*float:left;*/
    background:#4baed0;
	/*height:700px;
	width:100px;*/
}
.companylogo{
    background:#222c38;
	height:60px;
	line-height:60px;
	text-align:center;
}
.companylogo a{
	padding-top:20px;
    display:inline-block;
	height:16px;
	width:53px;
}
.companylogo a img{
    display:block;
}
.lefticon{
    float: left;
    background:#4baed0;
    width:calc(100% - 100px);
    height:30px;
}
.countele{
    display:none;
}
.iconitems, .tableitems{
	padding:5px 0 5px 30px;
	/*background:#4baed0;*/
	border-radius:3px;
    height:20px;
	color:#FFF;
	font:12px "微软雅黑";
	line-height:20px;
	cursor:pointer;
    float:left;
    z-index:10;
}

.tableitems{
    cursor:default;
}

.iconitems img, .tableitems img{
    float:left;
	margin-right:5px;
	display:block;
}
.iconitems span, .tableitems span{
    float:left;
	display:block;
	width:50px;
	overflow:hidden;
}

.toporight{
    background-color:#f0f0f0;
	width:calc(100% - 100px);
    height:230px;
    overflow:auto;
}
.funcbtn{
	background:#343f4b;
    height:60px;
	overflow:hidden;
}
.funcbtn ul{
    float:left;
	margin:8px 0 0 40px;
	color:#a8bec9;
	font:12px "微软雅黑";
	_margin:8px 0 0 20px;
	_width:620px;
}
.funcbtn ul li{
    float:left;
	padding-right:20px;
	display:block;
	_padding-right:10px;
	_width:140px;
}
.funcbtn ul li span{
	margin-top:2px;
    display:block;
	height:20px;
	cursor:pointer;
}
.funcbtn ul li span i, .funcbtn ul li span img, .funcbtn ul li span em{
    float:left;
}
.funcbtn ul li span i{
	margin:2px 0 0 10px;
	background:none;
    display:block;
	height:13px;
	width:13px;
}
.funcbtn ul li span.focus i, .funcbtn ul li span:hover i{
    background:url(../images/select-line.gif) no-repeat;
}
.funcbtn ul li span img{
    margin:6px 5px 0 0;
}
.funcbtn .morebtn{
    float:right;
	margin:20px 20px 0 0;
	height:17px;
	_margin:20px 10px 0 0;
}
.funcbtn .morebtn a{
	float:left;
	margin-right:20px;
	display:block;
	height:17px;
    color:#a8bec9;
	font:14px "微软雅黑";
	line-height:17px;
	_margin-right:10px;
}
.funcbtn .morebtn a img{
    float:left;
	margin-right:5px;
	display:block;
}
.funcbtn .morebtn a font{
    float:left;
}

.topocontent, .topoview{
    background:#f0f0f0;
	position:relative;
    width:100%!important;
    height:230px!important;
}
.elebox{
	padding:10px;
    position:absolute;
	left:0;
	top:0;
	background:#f1f1f1;
	border:1px solid #a8bec9;
	border-radius:3px;
	/*height:42px;*/
	text-align:center;
	cursor:move;
	overflow:hidden;
    line-height:10px;
}
.elebox span{
	margin-top:5px;
    display:block;
	color:#4baed0;
	font:12px "宋体";
}

.dragPoint{
	cursor:pointer;
}
.labelstyle{
	padding:5px;
    background:#f1f1f1;
	border:1px solid #a8bec9;
	border-radius:3px;
	color:#4baed0;
	font:12px "宋体";
	cursor:pointer;
}

svg._jsPlumb_connector{
    cursor:pointer;
}


.rightkeypop{
	padding:0 10px;
	position:absolute;
    background:#f8f5f4;
	border:1px solid #cbc9c9;
	border-radius:3px;
	box-shadow:0 0 3px #9e9d9d;
	display:none;
	width:100px;
	color:#7c7c7c;
	font:14px "微软雅黑";
	line-height:32px;
}
.rightkeypop span{
    display:block;
	cursor:pointer;
}
.rightkeypop span.delele{
    border-bottom:1px dotted #cbc9c9;
}
.rightkeypop span.relevanceto{
    background:url(../images/secondpopmark.gif) no-repeat right;
}
.relevancebox{
    position:relative;
}
.rightkeypop .relation_wrap{
    position:absolute;
	left:100px;
	top:-150px;
	background:#f8f5f4;
	border:1px solid #cbc9c9;
	box-shadow:0 0 3px #9e9d9d;
	display:none;
}
.rightkeypop .relation_wrap span{
	padding:0 10px;
	border-bottom:1px dotted #cbc9c9;
	display:block;
    color:#7c7c7c;
	font:12px "宋体";
	line-height:32px;
}

.rightkeypop .relation_wrap input[type="checkbox"]{
	vertical-align:middle !important;
}
.dragHover{
	border:1px solid orange;
}

.topoview{
    margin:0 auto;
    background:#f8f8f8;
}

.cursor_default, .topoview svg._jsPlumb_connector{
    cursor:default;
}
.loading_pop{
    display:none;
}

.in_tab_box{border:1px solid #ccc;box-shadow:1px 1px 5px #ddd;background:#fff;padding:5px;display:none;position:absolute;z-index:30000;}

.itb_con{width:100%;height:100%;overflow:hidden;font-size:18px;position:relative;-webkit-transition:all .1s linear;-moz-transition:all .1s linear}

.itb_picker_unlight{background:url(https://ssl.gstatic.com/docs/documents/images/dimension-unhighlighted.png) repeat}

.itb_picker_unlight,.itb_picker_light{position:absolute;top:0;left:0;-webkit-transition:all .1s linear;-moz-transition:all .1s linear}

.itb_picker_light{background:url(https://ssl.gstatic.com/docs/documents/images/dimension-highlighted.png) repeat}

.itb_picker_status{text-align:center;color:#333;font:10pt/1.7 arial}

.topocontent table {
    border: solid #ccc;
    border-width: 0px 1px 1px 0px;
    border-spacing: 0;
    padding: 0;
    margin: 0;
}

.topocontent tr{
    margin: 0;
    padding: 0;
    border: 0;
}

.topocontent td{
    padding: 10px;
    border: solid #ccc;
    border-width: 1px 0px 0px 1px;
    display: table-cell;
}